@import "../../../../styles/personStyle/common";
.clearfix{
  display: block;
  content: '';
  clear: both;
}
.fade-enter-active, .fade-leave-active {
  transition: opacity .5s;
}
.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
  opacity: 0;
}
.bounce-enter-active {
  animation: bounce-in .5s;
}
.bounce-leave-active {
  animation: bounce-in .5s reverse;
}
@keyframes bounce-in {
  0% {
    transform: scale(0);
  }
  50% {
    transform: scale(1.5);
  }
  100% {
    transform: scale(1);
  }
}


.this-content{
  border-left: 1px solid #ccc;
  margin:0 15px;
  padding-left: 20px;
  overflow: hidden;
}

.checkbox-style {
  padding-top: 10px;
  font-size: 12px;
  div{
    padding-left:10px;
  }

  section{
    height: 44px;
    border: 1px solid #ccc;
    border-radius: 5px;
    /*font-size: px2rem(12px);*/
    line-height: 44px;
    position: relative;
    padding-right: 10px;
    &.no-children{
      padding-left:17px;
    }
    &:before{
      display: block;
      content: '';
      width: 100%;
      height: 1px;
      background: #ccc;
      position: absolute;
      right: 100%;
      top: 50%;
      z-index: 0;
    }
    a,h4{
      display: block;
      float: left;
    }
    h4{
      font-size: 14px;
      margin-right:15px;
    }
    p{
      i{
        font-style: normal;
        padding: 0 10px;
      }
    }
    a{
      width: 25px;
      height:100%;
      /*border: 1px solid red;*/
      text-align: center;
      position: relative;
    }
    img{
      width: 13px;
      height: 13px;
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%,-50%);
      margin-top: -1px;
    }
  }
}
.search_style{
  div:first-child{
    width: 200px;
  }

  display: flex;
  .button_style{
    margin-left: 90px;
  }
}